<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>本该如此｜相册</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/basic-pc.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2373479_yrh6jwmn2x.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/album.css">
</head>
<body>

    <div class="header white_bg">
        <div class="header_inner main flex_box">
            <h1 id="logo">Anyway521</h1>
            <ul class="nav">
                <li><a href="index.html" class="iconfont iconzhuye">首页</a></li>
                <li><a href="https://anyway521.gitee.io" class="iconfont iconbokeyuan" target="_blank">博客</a></li>
                <li><a href="./album.html" class="iconfont icontupian">相册</a></li>
                <li><a href="./message.html" class="iconfont iconliaotian">留言</a></li>
            </ul>
        </div>
    </div>
    <div class="container  main">
        <div class="album">
            <div class="album_title flex_box">
                <div class="album_title_left">
                    <span class="iconfont iconxiangce span_selected">相册</span>
                    <span class="iconfont iconzhaopian">照片</span>
                    <span class="iconfont iconshipin">视频</span>
                </div>
                <div class="album_title_right">
                    <span class="iconfont iconshoucang">收藏</span>
                    <span class="iconfont iconhuishouzhan">回收站</span>
                </div>
            </div>
            <form action="" class="flex_box">
                <div class="upload flex_box">
                    <em class="iconfont icontupianshangchuan"></em><input type="submit" name="" id="" value="上传照片/视频">
                </div>
                <span>创建相册</span><span>展示设置</span>    
            </form>
            <div class="album_content">
                <div class="album_items">
                    <h2>生活</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>旅游</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>旅游</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>旅游</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>旅游</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>旅游</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>旅游</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>生活</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="album_items">
                    <h2>旅游</h2>
                    <ul class="flex_box items_inner">
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_01.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_02.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_03.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        <li class="album_item white_bg">
                            <div class="album_face">
                                <div class="album_settings iconfont iconarrow-down">
                                    <ul class="setting_list flex_box_v">
                                        <li><span>编辑</span></li>
                                        <li><span>权限设置</span></li>
                                        <li><span>删除</span></li>
                                    </ul>
                                </div>
                                <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/pic_04.jpg" alt="">
                            </div>
                            <span class="album_name">Qzone</span>
                        </li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer flex_box_v">
        <p class="footer_top">
            &copy; 2020 - 2021 BY Des_tiny
        </p>
        <p class="footer_bottom">
            渐变-浅色主题
        </p>
    </div>
    
</body>
</html>